<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<style>
/* .grid { */
/* 	padding-left: 15px; */
/* 	padding-right: 15px; */
/* } */

/* .grid .row { */
/* 	color: black; */
/* 	border-bottom: 1px dashed #7c7c7c; */
/* 	margin-bottom: 15px; */
/* } */

/* .title { */
/* 	font-size: 15px; */
/* 	width: 95%; */
/* 	float: left; */
/* 	padding-left: 10px; */
/* } */

/* .description { */
/* 	font-size: 12px; */
/* 	color: #7c7c7c; */
/* 	width: 95%; */
/* 	float: left; */
/* 	margin-bottom: 5px; */
/* 	padding-left: 10px; */
/* } */

/* .datepost { */
/* 	font-size: 10px; */
/* 	color: #7c7c7c; */
/* 	float: right; */
/* 	margin-bottom: 15px; */
/* } */

/* .download { */
/* 	font-size: 12px; */
/* 	color: #0072D6; */
/* 	float: left; */
/* 	padding-left: 10px; */
/* 	cursor: pointer; */
/* } */

/* .item-icon { */
/* 	float: left; */
/* 	width: 5% */
/* } */
</style>


<div class="panel-box">
    <div class=titlebar>
        <span class="glyphicon glyphicon-download-alt"></span> ดาวน์โหลด
    </div>
    <div class="panel-body">
        <ul class="ul-row-style">
        	<c:if test="${not empty DOCUMENTSALLDATAS}">
				<c:forEach items="${DOCUMENTSALLDATAS}" varStatus="i" var="x">
		            <li>
		                <img height="100" src="${pageContext.request.contextPath}/images/pdf_icon.png"/>
		                <a href="${pageContext.request.contextPath}/download/getFile/${x.fileName}">
		                    ${x.name}
		                </a>
		                <span class="description">
		                    ${x.description}
		                </span>
		                <span class="postby">
		                    เขียนเมื่อวันที่ <fmt:formatDate pattern="yyyy-MM-dd" value="${x.createdDate}" /> เวลา <fmt:formatDate pattern="HH:mm:ss" value="${x.createdDate}" />
		                </span>
		            </li>
		         </c:forEach>
		    </c:if>
        </ul>
    </div>
</div>


<!-- <div class="panel"> -->
<!-- 	<div class="fullscreen-layout"> -->
<!-- 		<div class="panel-box-shadow"> -->
<!-- 			<div class="panel-header bg-lightBlue fg-white"> -->
<!-- 				<span class="icon-download"></span> ดาวน์โหลด -->
<!-- 			</div> -->
<!-- 			<div class="panel-content bg-white"> -->
<!-- 				<div class="grid fluid"> -->
<%-- 					<c:if test="${not empty DOCUMENTSALLDATAS}"> --%>
<%-- 						<c:forEach items="${DOCUMENTSALLDATAS}" varStatus="i" var="x"> --%>
<!-- 							<div class="row" style="position: relative;"> -->
<!-- 								<div class="span12"> -->
<!-- 									<div class="item-icon"> -->
<!-- 										<img style="width: 100%" -->
<%-- 											src="${pageContext.request.contextPath}/images/pdf_icon.png" /> --%>
<!-- 									</div> -->
<!-- 									<div class="title"> -->
<%-- 										<strong>${x.name}</strong> --%>
<!-- 									</div> -->
<%-- 									<div class="description">${x.description}</div> --%>
<%-- 									<span class="download" onclick="window.location.href='${pageContext.request.contextPath}/download/getFile/${x.fileName}'"><i class="icon-download-2"></i>&nbsp;${x.fileName}</span> --%>
<!-- 									<span class="datepost">  -->
<%-- 										<strong>อัพโหลดโดย :</strong>${x.createdBy}&nbsp; --%>
<%-- 										<strong>เมื่อวันที่ :</strong> <fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${x.createdDate}" /> --%>
<!-- 									</span> -->
<!-- 								</div> -->
<!-- 							</div> -->
<%-- 						</c:forEach> --%>
<%-- 					</c:if> --%>
<!-- 				</div> -->
<!-- 			</div> -->
<!-- 		</div> -->
<!-- 	</div> -->
<!-- </div> -->